<!DOCTYPE html >
<html>
    <head>
        <title>#{get 'title' /}</title>		
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link rel="stylesheet" type="text/css" media="screen" 
            href="@{'/public/stylesheets/main.css'}" />
        <link rel="shortcut icon" type="image/png" 
            href="@{'/public/images/favicon.png'}" />
        <script src="@{'/public/javascripts/jquery-1.4.2.min.js'}"></script>
    	<script src="@{'/public/javascripts/jquery.tools-1.2.5.toolbox.expose.min.js'}"></script>
    </head>
    <body>
        
        <div id="header">
            <div id="logo">
                shop.
            </div>
           <div id="title">
			    <h1><a href="@{Application.index()}">${shopTitle}</a></h1>
			    <h2>${shopBaseline}</h2>
			</div>
			<div id="menu" >
				<div id="menu-item"><a href="@{Application.groups()}">Каталог</a></div>
				<div id="menu-item"><a href="#">Корзина</a></div>
				<div id="menu-item"><a href="#">Оплата и доставка</a></div>
				<div id="menu-item"><a href="#">Контакты</a></div>
			</div>
        </div>
        
        <div id="main">
            #{doLayout /} 
        </div>
        
        <p id="footer">
            All rights reserved (c)
        </p>
        
    </body>
</html>